<template>
    <div>
        <div class="A4page" id="model_b">
            <h2>安全生产知识和管理能力考核合格证申请表</h2>
            <table class="table" border="1px">
            <tr style="border: none">
                <th width="15%"></th>
                <th width="18%"></th>
                <th width="14%"></th>
                <th width="11%"></th>
                <th width="11%"></th>
                <th width="11%"></th>
                <th width="25%"></th>
            </tr>
            <!-- 第一行 -->
            <tr>
                <td>
                <p>姓名</p>
                </td>
                <td>
                <p>{{ listData.nickname }}</p>
                </td>
                <td>
                <p>性别</p>
                </td>
                <td>
                <p>
                    {{ listData.gender }}
                </p>
                </td>
                <td>
                <p>民族</p>
                </td>
                <td>
                <p>
                    {{ listData.gender }}
                </p>
                </td>
                <!-- <td>
                <span>出生年月</span>
                </td>
                <td>
                <p>
                    {{ listData.username.slice(6, 10) }}年{{
                    listData.username.slice(10, 12)
                    }}月
                </p>
                </td> -->

                <td rowspan="4">
                <p style="line-height: 40px" v-if="!listData.photo">
                    贴一寸<br />彩照处
                </p>
                <img
                    v-else
                    :src="listData.photo"
                    alt=""
                    style="height: calc(100% * 3); width: 97%"
                />
                </td>
            </tr>
            <!-- 第二行 -->
            <tr>
                <td>
                <span>出生年月</span>
                </td>
                <td>
                <p>
                    <!-- {{ listData.username.slice(6, 10) }}年{{
                    listData.username.slice(10, 12)
                    }}月 -->
                </p>
                </td>
                <td>
                <span>联系电话</span>
                </td>
                <td colspan="3">
                <p>
                    {{ listData.phone }}
                </p>
                </td>
            </tr>
            <!-- 第三行 -->
            <tr>
                <td>
                <p>身份证号</p>
                </td>
                <td colspan="5">
                <p>{{ listData.username }}</p>
                </td>
            </tr>
            <tr>
                <td>
                <p>单位全称</p>
                </td>
                <td colspan="5">
                <p>{{ listData.company }}</p>
                </td>
            </tr>
            <tr>
                <td>
                <p>
                    最高学历
                </p>
                </td>
                <td colspan="6">
                <div style="display: flex;flex-wrap: wrap;font-family: '仿宋'">
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education=='初中'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">初中</div>
                </div>
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education=='中专'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">中专或同等学历</div>
                </div>
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education=='高中'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">高中或同等学历</div>
                </div>
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education=='专科'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">专科或同等学历</div>
                </div>
                <div
                    style="
                    display:flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education=='本科'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">本科或同等学历</div>
                </div>
                <div
                    style="
                    display:flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items:center;
                    "
                    >
                    <i
                    v-if="listData.education=='研究生'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">研究生及以上</div>
                </div>
                <div
                    style="
                    display:flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border:1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="listData.education==''"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">其它</div>
                </div>
                </div>
                </td>
            </tr>
            <tr>
                <td>
                <p>
                    行业类别
                </p>
                </td>
                <td colspan="6">
                <div style="display: flex;flex-wrap: wrap;font-family: '仿宋'">
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                    v-for="i in hy_list"
                    :key="i.id"
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        v-if="listData.subject_ids.split(',').includes(i.id+'')"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">{{i.title}}</div>
                </div>
                
                <div
                    style="
                    display:flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height:15px;
                        border:1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                    v-if="!listData.subject_ids"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">其它</div>
                </div>
                </div>
                </td>
            </tr>
            <!-- 第四行 -->
            <!-- 第五行 -->
            <tr>
                <td>
                <p>安全培训资格类型</p>
                </td>
                <td colspan="2">
                <div style="display: flex;flex-wrap: wrap;font-family: '仿宋'">
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        v-if="listData.exam_type=='初培'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i> 
                    </div>
                    <div style="font-size: 18px">初训</div>
                </div>
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        v-if="listData.exam_type=='复审'"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i> 
                    </div>
                    <div style="font-size: 18px">换证</div>
                </div>
                </div>
                </td>
                <td colspan="4">
                <div style="display: flex;flex-wrap: wrap;font-family: '仿宋'">
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        v-if="listData.subjectTitleFull.includes('主要负责人')"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i> 
                    </div>
                    <div style="font-size: 18px">主要负责人</div>
                </div>
                <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width:15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        v-if="listData.subjectTitleFull.includes('安全管理人员')"
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i> 
                    </div>
                    <div style="font-size: 18px">安全生产管理人员</div>
                </div>
                </div>
                </td>
            </tr>
            <tr>
                <td>
                <p>申请方式</p>
                </td>
                <td colspan="6">
                <div style="display: flex;flex-wrap: wrap;font-family: '仿宋'">
                    <div
                    style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width: 15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    
                    </div>
                    <div style="font-size: 18px">本人申请</div>
                </div>
                <div
                    style="
                    display: flex;

                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                    "
                >
                    <div
                    style="
                        width: 15px;
                        height: 15px;
                        border: 1px solid #000;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                    >
                    <i
                        class="el-icon-check"
                        style="font-weight: 600"
                    ></i>
                    </div>
                    <div style="font-size: 18px">委托   <u>广西鸿景安全技术服务有限公司</u>    机构代理申请</div>
                </div>
                
                </div>
                </td>
            </tr>
            
            <!-- 第六行 -->
            

            <!-- 第八行 -->
            <tr>
                <td style="height: 300px;">
                <p>申请人参加安全培训情况（此栏由安全培训机构填写）</p>
                </td>
                <td colspan="6" style="position: relative;padding: 8px;font-family:'仿宋';line-height: 1.5;vertical-align: baseline;">
                <p
                    style="height: 100px;text-align: start;padding: 0 20px;font-family: '仿宋';text-indent: 30px;"
                >
                    本机构承诺：对本栏目所填写的信息实质内容的真实性负责，已按照安全生产与管理能力有关培训大纲对申请人进行了安全培训，培训内容及学时符合有关法律、法规、规章、标准及培训大纲的要求。如有弄虚作假或欺骗等行为，自愿承担相应的法律责任。
                </p>
                <p style="text-align: start;">
                    培训班次：{{listData.peixun_grade}}
                </p>
                <p style="text-align: start;">
                    培训地点：{{listData.peixun_location}}
                </p>
                <p style="text-align: start;">
                    培训起止日期：{{listData.start_time}}至{{listData.score_finish_time}}
                </p>
                <p style="text-align: start;">
                    培训学时：{{ listData.class_hour }}
                </p>
                <p style="text-align: start;">
                    经办人（签字或印章）：<span style="margin-right:30px;display: inline;"></span> 培训机构名称（盖章）：广西鸿景安全技术服务有限公司
                </p>
                <div
                    style="
                    position: absolute;
                    bottom: 5px;
                    right: 20px;
                    font-size: 16px;
                    "
                >
                    <u></u>年<u></u>月<u></u>日
                </div>
                </td>
            </tr>
            <tr>
                <td style="height: 205px;font-family: '仿宋';line-height: 1.5;vertical-align: baseline;position: relative;" colspan="7">
                <p style="text-align: start;text-indent: 30px;">
                    本人对以上填写内容以及本人提供的申请材料实真实性负责，如有弄虚作假或欺骗等行为，自愿被依法注销《安全生产知识和管理能力考核合格证》，3年内不再申请办证，并承担相应的法律责任。
                </p>
                <p style="position: absolute;right: 200px;font-family: '仿宋';bottom: 55px;">
                    申请人（签名并按指纹）：
                </p>
                <div
                    style="
                    position: absolute;
                    bottom: 5px;
                    right: 20px;
                    font-size: 16px;
                    "
                >
                    <u></u>年<u></u>月<u></u>日
                </div>
                </td>
            </tr>
            </table>
        </div>
        <div class="A4page" id="model_a">
          <h2 style="margin-bottom: 40px;">广西壮族自治区特种作业人员操作资格认定申请表</h2>
          <table class="table table_a" border="1px">
            <tr style="border: none">
              <th width="15%"></th>
              <th width="13%"></th>
              <th width="9%"></th>
              <th width="11%"></th>
              <th width="7%"></th>
              <th width="10%"></th>
              <th width="15%"></th>
              <th width="20%"></th>
            </tr>
            <!-- 第一行 -->
            <tr >
              <td rowspan="2">
                <p>申请类型（在相应选项前打√ ）</p>
              </td>
              <td>
                <p>作业类别</p>
              </td>
              <td colspan="2">
                <p>{{ listData.subjectTitleFull.split('/')[0] }}</p>
              </td>
              <td colspan="2">
                <p>
                  操作项目
                </p>
              </td>
              <td colspan="2">
                <p>{{listData.subjectTitle}}</p>
              </td>
              <!-- <td>
                <span>出生年月</span>
              </td>
              <td>
                <p>
                  {{ listData.username.slice(6, 10) }}年{{
                    listData.username.slice(10, 12)
                  }}月
                </p>
              </td> -->
              
            </tr>
            <tr>
              <td>
                <p>取证类型</p>
              </td>
              <td colspan="5">
                <p>{{ listData.exam_type }}</p>
              </td>
              <td rowspan="5">
                <p style="line-height: 40px" v-if="!listData.photo">
                  贴一寸<br />彩照处
                </p>
                <img
                  v-else
                  :src="listData.photo"
                  alt=""
                  style="height: calc(100% * 3); width: 97%"
                />
              </td>
            </tr>
            <tr>
              <td>
                <p>证书编号</p>
              </td>
              <td colspan="3">
                <p></p>
              </td>
              <td colspan="2">
                <p>证书有效期限</p>
              </td>
              <td>
                <p>至</p>
              </td>
            </tr>
            <tr>
              <td>
                <p>签发机关</p>
              </td>
              <td colspan="3">
                <p></p>
              </td>
              <td colspan="2">
                <p>应复审日期</p>
              </td>
              <td>
                <p></p>
              </td>
            </tr>
            <tr>
              <td>
                <p>姓名</p>
              </td>
              <td>
                <p>{{ listData.nickname }}</p>
              </td>
              <td>
                <p>性别</p>
              </td>
              <td>
                <p>
                  {{ listData.gender }}
                </p>
              </td>
              <td colspan="2">
                <p>参加工作时间</p>
              </td>
              <td>
                <p>
                  {{listData.history}}
                </p>
              </td>
              <!-- <td>
                <span>出生年月</span>
              </td>
              <td>
                <p>
                  {{ listData.username.slice(6, 10) }}年{{
                    listData.username.slice(10, 12)
                  }}月
                </p>
              </td> -->

             
            </tr>
            <!-- 第二行 -->
            <tr>
              <td>
                <p>身份证号</p>
              </td>
              <td colspan="3">
                <p>{{ listData.username }}</p>
              </td>
              <td colspan="2">
                <p>健康状况</p>
              </td>
              <td>
                <p>
                  健康
                </p>
              </td>
            </tr>
            <!-- 第三行 -->
            <tr>
              <td>
                <p>学历</p>
              </td>
              <td colspan="3">
                <p>{{ listData.education }}</p>
              </td>
              <td colspan="2">
                <p>毕业院校专业</p>
              </td>
              <td colspan="2">
                <p>{{ listData.professional }}</p>
              </td>
            </tr>
            <tr>
              <td>
                <p>工作单位（或就读院校）</p>
              </td>
              <td colspan="3">
                <p>{{ listData.company }}</p>
              </td>
              <td colspan="2">
                <p>手机号码</p>
              </td>
              <td colspan="2">
                <p>{{ listData.phone }}</p>
              </td>
            </tr>
            <tr>
              <td>
                <p>工作单位（或就读院校）详细地址</p>
              </td>
              <td colspan="3">
                <p>{{ listData.region_title }}</p>
              </td>
              <td>
                <p>申请方式</p>
              </td>
              <td colspan="3">
                <div style="display: flex;flex-wrap: wrap">
                  <div
                  style="
                    display: flex;
                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                  "
                >
                  <div
                    style="
                      width: 15px;
                      height: 15px;
                      border: 1px solid #000;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                    "
                  >
                    
                  </div>
                  <div style="font-size: 18px">本人申请</div>
                </div>
                <div
                  style="
                    display: flex;

                    margin-left: 30px;
                    align-items: center;
                    justify-content: left;
                  "
                >
                  <div
                    style="
                      width: 15px;
                      height: 15px;
                      border: 1px solid #000;
                      display: flex;
                      justify-content: center;
                      align-items: center;
                    "
                  >
                  <i
                      class="el-icon-check"
                      style="font-weight: 600"
                    ></i>
                  </div>
                  <div style="font-size: 18px">委托   <u>广西鸿景安全技术服务有限公司</u>    机构代理申请</div>
                </div>
                
                </div>
              </td>
            </tr>
            <!-- 第六行 -->
            

            <!-- 第八行 -->
            <tr>
              <td style="height: 350px;">
                <p>申请人诚信承诺事项</p>
              </td>
              <td colspan="7" style="position: relative;padding: 8px;line-height: 1.5;vertical-align: baseline;">
                <p
                  style="text-align: start;padding: 0 20px;text-indent: 30px;"
                >
                一、本人身体健康，无妨碍从事相应特种作业的器质性心脏病、癫痫病、美尼尔氏症、眩晕症、癔病、震颤麻痹症、精神病、痴呆症以及其他疾病和生理缺陷。
                </p>
                <p
                  style="text-align: start;padding: 0 20px;text-indent: 30px;"
                >
                二、本人承诺严格遵守特种作业相关法律规定，严格遵守特种作业操作证考试纪律，服从考场工作人员管理，如有作弊、替考等违法违规行为，依法承担相应法律责任。
                </p>
                <p
                  style="text-align: start;padding: 0 20px;text-indent: 30px;"
                >
                本人对以上承诺事项以及本人提供的身份证复印件、学历证书复印件等申请材料实质内容的真实性负责，如有弄虚作假或欺骗等行为，自愿被依法注销《中华人民共和国特种作业操作证》，3年内不再申请办证，并承担相应的法律责任。
                </p>
                <p style="position: absolute;right: 200px;bottom: 55px;">
                  申请人（签名并按指纹）：
                </p>
                <div
                  style="
                    position: absolute;
                    bottom: 5px;
                    right: 20px;
                    font-size: 16px;
                  "
                >
                  <p><u></u>年<u></u>月<u></u>日</p>
                </div>
              </td>
            </tr>
            <tr>
              <td style="height: 150px;">
                <p>工作单位（或就读院校/居住所在地市应急局）意见</p>
              </td>
              <td colspan="7" style="position: relative;padding: 8px;line-height: 1.5;vertical-align: baseline;">
                <p
                  style="text-align: start;padding: 0 20px;text-indent: 30px;"
                >
                （申请者能提供本设区市户籍证明或居住证明的，可以不填写“工作单位意见”栏，否则此栏为必填项）
                </p>
                <p style="position: absolute;right: 200px;bottom: 35px;">
                  （盖章）
                </p>
                <div
                  style="
                    position: absolute;
                    bottom: 5px;
                    right: 20px;
                    font-size: 16px;
                  "
                >
                  <p><u></u>年<u></u>月<u></u>日</p>
                </div>
              </td>
            </tr>
            <tr>
              <td style="height: 300px;">
                <p>申请人参加安全培训情况（此栏由安全培训机构填写）</p>
              </td>
              <td colspan="7" style="position: relative;padding: 8px;line-height: 1.5;vertical-align: baseline;">
                <p
                  style="text-align: start;padding: 0 20px;text-indent: 30px;"
                >
                本机构承诺：对本栏目所填写的信息实质内容的真实性负责，已按照特种作业有关培训大纲对申请人进行了安全技术培训，培训内容及学时符合有关法律、法规、规章、标准及培训大纲的要求。如有弄虚作假或欺骗等行为，自愿承担相应的法律责任。
                </p>
                <p style="text-align: start;padding: 0 20px;margin-top: 10px;">
                  培训类别：<span style="text-align: start;display: inline;margin-right:236px ;"></span>
                  培训地点：{{listData.peixun_location}}
                </p>
                <p style="text-align: start;padding: 0 20px;">
                  培训起止日期：{{listData.start_time}}至{{listData.score_finish_time}}<span style="text-align: start;display: inline;margin-right:20px ;"></span>
                  培训学时：{{ listData.class_hour }}
                </p>
                <p style="position: absolute;right: 200px;bottom: 75px;">
                  经办人（签字或印章）：
                </p>
                <p style="position: absolute;right: 200px;bottom: 55px;">培训机构名称（盖章）：</p>
                <div
                  style="
                    position: absolute;
                    bottom: 5px;
                    right: 20px;
                    font-size: 16px;
                  "
                >
                  <p><u></u>年<u></u>月<u></u>日</p>
                </div>
              </td>
            </tr>
          </table>
          <!-- <el-row>
                        <el-col :span="24"><div class="contentText title">考试资格证书申请表</div></el-col>
                    </el-row> -->
          <!-- <table border>

                    </table> -->
        </div>
    </div>
</template>

<script>
export default {
    props:['listData'],
    data () {
        return {
            hy_list:[
                {
                id:221,
                title:'烟花爆竹经营单位',
                },
                {
                id:214,
                title:'危险化学品生产单位',
                },
                {
                id:217,
                title:'危险化学品经营单位',
                },
                {
                id:224,
                title:'露天矿山',
                },
                {
                id:226,
                title:'地采矿山',
                },
                {
                id:223,
                title:'小型露天采石场',
                },
                {
                id:276,
                title:'金属炼钢单位',
                },
                {
                id:919,
                title:'金属铜冶炼单位',
                },
                {
                id:278,
                title:'黑色金属铸造单位',
                },
                {
                id:279,
                title:'金属铅、锌冶炼单位',
                },
                {
                id:275,
                title:'金属炼铁单位',
                },
            ],
        }
    }
}
</script>

<style lang="scss" scoped>
.A4page {
  width: calc(595.28px * 2);
  height: calc(841px * 2);
  // background:url('~@/assets/logo/pdfbg.png') no-repeat;
  overflow: hidden;
  -webkit-print-color-adjust: exact;
  color: #000;
  position: relative;
  padding: 0px 150px;
  padding-top: 130px;
  font-family: '微软雅黑' !important;
  u {
    // text-decoration:underline;
    border-bottom: 1px solid #333;
    // display: inline-block;
    padding: 0 20px;
  }
  p {
    margin: 0;
    font-size: 18px;
  }
  h2 {
    text-align: center;
    // font-weight: 600;
    font-size: 40px;
    margin-bottom: 100px;
  }
  .rowspan4 {
    height: 330px;
  }
  .table {
    //  margin:10px 24px;

    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: 1px solid #333;
    border-top: none;
    tr {
      width: 100%;
      border-collapse: collapse;
      // border:1px solid #ccc;
    }
    span {
      display: inline-block;
      width: 100%;
      font-size: 18px;
    }
    td {
      // border-collapse:collapse;
      border: 1px solid #333;
      height: 60px;
      width: 20px;
    }
  }
 .table_a{
    td{
        height: 50px; 
    }
 }
}

.contentText {
  text-align: center;
}
.title {
  font-size: 28px;
  padding: 12px 0;
}
</style>